<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
	<title>test</title>
	<!-- include jQuery library -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

	<!-- include Cycle plugin -->
	<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>

	<!--  initialize the slideshow when the DOM is ready -->
        <script type='text/javascript' src='../../mediaplayer-5.5/swfobject.js'></script>
	<script type="text/javascript">
	$(document).ready(function() {
		$('#cycle').cycle({
			fx: 'fade', 
			timeout: 15000
		});
		//$('#cycle').css('left',($(document).width()-$('#cycle').width())/2);
		$('#cycle').css('z-index',4);
		//$('#cycle').css('width','100%');
		
		//$('#cycle').css('top',($(document).height()-$('#cycle').height())/2);
		//$('#legenda').css('left',($(document).width()-$('#legenda').width())/2);
		$('#ticker').cycle({
			fx: 'scrollLeft', 
			timeout: 5000
		});
                var so = new SWFObject('../../mediaplayer-5.5/player.swf','mpl','100%','100%','9');
                so.addParam('allowfullscreen','true');
                so.addParam('allowscriptaccess','always');
                so.addParam('wmode','opaque');                
                so.addVariable('controlbar','none');
                so.addVariable('autostart','true');
                so.addVariable('displayclick','none');
                so.addVariable('icons','false');
                so.addVariable('stretching','fill');
                so.addVariable('volume','0');
                
                so.addVariable('file','UFAM-Aula-Magna-2011.mp4');
                so.write('mediaspace');
                so.addVariable('file','../../jquery/jquery.cycle/images-test/06.jpg');
                so.write('mediaspace-2');
	});

          

	</script>
	
	<style type="text/css">
	html,body{
		margin:0px;
		height:100%;
	}
	#topo {
		height:80px;
		overflow:hidden;
		position:relative;
		background-color:#000000;
		/* opacity cross-browser */
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		color:white;
	}
	#conteudo {
		height:85.5%;
		text-align:center;
		overflow:hidden;
	}
	#conteudo div {
		width:100%;
		text-align:center;
	}
	#legenda {
		bottom:7%;
		left:5%;
		width:90%;
		padding:0.5%;
		position:absolute;
		z-index:5;
		background-color: black;
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		color: white;
	}
	#ticker {
		position:absolute;
		bottom:0px;
		width:100%;
		height:5%;
		z-index:5;
		background-color: #000000;
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		color: white;
	}
	#ticker div{
		padding: 5px 10px;  
		top:0;
		left:0;
	}
	</style>
</head>
<body>
		<div id="topo">
                    <table style="width:100%; height:100%;">
                        <tr>
                            <td align="center"><img src="../../../images/ufam.png" /></td>
                            <td align="center">UFAM - UNIVERSIDADE FEDERAL DO AMAZONAS</td>
                            <td>10/10/2010<br/>22:00</td>
                        </tr>
                    </table>
		</div>
		<div id="conteudo">
			<div id="cycle">
				<div id="mediaspace"></div>
				<div id="mediaspace-2"></div>
			</div>
		</div>
		<div id="legenda">
			<strong>TITULO DA NOTICIA:</strong> aksd aks dkas dahksjdk as asjd klasj dklasjd lkasj dlk askd asjkd ajksd jasd jash kgl;krpeo erg lmgldf jgdfhjgo dfjlkgj dfojg dfog akjshd akjd akjshd kjashd kasd kashdk asjhd kjashidhwlrf ljv odfjv ofdmv nx naihwin masx;a;aspoielfmd,n vkjd iuash <br/> diuasn .
			
		</div>
		<div id="ticker">
			<div>Ticekr aksd aks dkas dahksjdk as Twitter @ufam_ </div>
			<div>Ticekr aksd aks dkas dahksjdk as Twitter @ufam_ 2222222222</div>

		</div>
</body>
</html>